import axios from 'axios'
// 导入 获取+删除 token方法
import { getToken, delToken } from './storage'
import { Toast } from 'vant'
// 导入路由对象（ this.$router只能在 .vue文件使用，在js中需要使用导入一下即可）
import router from '@/router'
// 创建axios的实例：
const request = axios.create({
  baseURL: 'http://geek.itheima.net',
  timeout: 5000
})
// 拦截器：
// 添加请求拦截器
request.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  const token = getToken()
  // 如果有token就在请求头中token
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
request.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response.data
}, function (error) {
  // 对响应错误做点什么
  if (error.response) {
    // 有错误响应, 提示错误提示
    Toast(error.response.data.message)
    // 如果是401说明token没有或过期，跳转登录页
    if (error.response.status === 401) {
      // 把错误的token删除
      delToken()
      router.push('/login')
    }
  }
  return Promise.reject(error)
})

// 导出request:
export default request
